<template>
<div class="Roles">
    <el-form label-position="left" label-width="100px" :model="roleForm">
        <el-form-item label="交易市场">
            <el-select v-model="roleForm.transactionM" :multiple-limit='2' multiple placeholder="请选择交易市场">
                <el-option
                        v-for="item in transactionM"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                </el-option>
            </el-select>
        </el-form-item>
        <el-form-item label="基础币种">
            <el-select v-model="roleForm.normalCointype" multiple placeholder="请选择基础币种">
                <el-option
                        v-for="item in normalCointype"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                </el-option>
            </el-select>
        </el-form-item>
        <el-form-item label="计价币种">
            <el-select v-model="roleForm.otherCoinprice" multiple placeholder="请选择计价币种">
                <el-option
                        v-for="item in otherCoinprice"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                </el-option>
            </el-select>
        </el-form-item>
        <el-form-item label="单笔最大交易">
            <el-input v-model="roleForm.maxTran"></el-input><span class="f-tip">USDT(等值)</span>
        </el-form-item>
        <el-form-item label="单笔最小交易">
            <el-input v-model="roleForm.minTran"></el-input><span class="f-tip">USDT(等值)</span>
        </el-form-item>
        <el-form-item label="收益率触发值">
            <el-input v-model="roleForm.triggerRate"></el-input><span class="f-tip">‱(建议:万二)</span>
        </el-form-item>
    </el-form>
    <el-button type="primary">确定提交</el-button>
</div>
</template>

<script>
    export default {
        name: "Roles",
        data(){
            return{
                'roleForm':{
                    "transactionM":'',
                    "normalCointype":"",
                    "otherCoinprice":"",
                    "maxTran":"",
                    "minTran":"",
                    "triggerRate":""
                },
                transactionM: [{
                    value: '选项1',
                    label: '黄金糕'
                }, {
                    value: '选项2',
                    label: '双皮奶'
                }, {
                    value: '选项3',
                    label: '蚵仔煎'
                }, {
                    value: '选项4',
                    label: '龙须面'
                }, {
                    value: '选项5',
                    label: '北京烤鸭'
                }],
                normalCointype:[],
                otherCoinprice:[]
            }
        }
    }
</script>

<style scoped lang="scss">
.Roles .el-form{
    width: 500px; position: relative;
    .f-tip{
        position: absolute;padding-left: 10px;width: 100px;
    }
}
</style>
